@charset "utf-8";
/* CSS Document */

/*共用样式*/
a{ text-decoration:none;cursor: pointer;}
/*第二屏第四屏共有*/
.section3 { background: url(../images/img_03.jpg) 50%;}
.section4 { background: url(../images/img_04.jpg) 50%; width:100%; height:auto; height:100%;}
.section5 { background: url(../images/img_05.jpg) 50%;}
.section {  font: 50px "Microsoft Yahei"; color: #fff;  display:block; padding:50px;position:relative; *top:50%;}
.section2{ width:100%; height:auto; background-color:#fff; }
/*第一屏CSS样式 开始*/
.ban_img {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.ban_img li{ width: 100%; height: 100%; position:absolute; top:0; left:0;}
.ban_img li.no1{ background: url(../images/img_01.jpg) no-repeat 50%; z-index:4;}
.ban_img li.no2{ background: url(../images/bj_02.jpg) no-repeat 50%; z-index:3;}
.ban_img li.no3{ background: url(../images/bj_03.jpg) no-repeat 50%; z-index:2;}
.ban_img li.no4{ background: url(../images/bj_04.jpg) no-repeat 50%; z-index:1;}
.ban_text_1{ width:46%; min-width:650px; height:auto; position:absolute; left:27%; top:20%;
             animation:ban_1 6s;
            -o-animation:ban_1 6s;
            -webkit-animation:ban_1 6s;
            -ms-animation:ban_1 6s;
            -moz-animation:ban_1 6s;
}
.ban_text_2{ width:26%; min-width:350px; height:auto; position:absolute; left:37%; top:60%;
               animation:ban_1_1 6s;
            -o-animation:ban_1_1 6s;
            -webkit-animation:ban_1_1 6s;
            -ms-animation:ban_1_1 6s;
            -moz-animation:ban_1_1 6s;
}
.ban_text_3{ width: 40%; min-width:550px; height:auto; position:absolute; left:30%; top:20%;
               animation:ban_2 4.2s infinite;
            -o-animation:ban_2 4.2s infinite;
            -webkit-animation:ban_2 4.2s infinite;
            -ms-animation:ban_2 4.2s infinite;
            -moz-animation:ban_2 4.2s infinite;
}
.ban_text_4{ width: 42%; min-width:600px; height:auto; position:absolute; left:29%; top:35%;
                animation:ban_3 2s ease;
            -o-animation:ban_3 2s ease;
            -webkit-animation:ban_3 2s ease;
            -ms-animation:ban_3 2s ease;
            -moz-animation:ban_3 2s ease;
}
.ban_text_5{ width: 20%; min-width:350px; height:auto; position:absolute; left:8%; top:45%;}
.but_dian{ width: 105px; height: 15px; position:absolute; bottom:12%; left:50%; margin-left:-52px; z-index:999;}
.but_dian span{width: 15px; height: 15px; margin-right:15px; float: left; background:url(../images/icom51.png) no-repeat; cursor:pointer;}
 .but_dian span.current{ background:url(../images/icom52.png) no-repeat;}
 .icon_mouser{ height: 90px; width: 38px;position:absolute; bottom:15%; left:50%; margin-left:-19px; z-index:999;}
.icon_mouser .icon_top{ width: 38px; height: 53px; background:url(../images/icom50.png)no-repeat; position:absolute; top:0; left:0;}
.icon_mouser a{ width: 22px; height:21px; background:url(../images/icom49.png)no-repeat; position:absolute; bottom:6px; left:50%; margin-left:-11px; cursor:pointer;
    animation:mouse 1s infinite;
    -o-animation:mouse 1s infinite;
    -webkit-animation:mouse 1s infinite;
    -ms-animation:mouse 1s infinite;
    -moz-animation:mouse 1s infinite;
}
/*第一屏CSS样式结束*/

/*第一屏CSS动画开始*/
/* mouse*/
@keyframes mouse{0%{bottom:8px;} 25%{ bottom:6px;} 50%{bottom:4px;} 75%{bottom:6px;} 100%{bottom:8px;}} 
-o-@keyframes mouse{0%{bottom:8px;} 25%{ bottom:6px;} 50%{bottom:4px;} 75%{bottom:6px;} 100%{bottom:8px;}} 
-webkit-@keyframes mouse{0%{bottom:8px;} 25%{ bottom:6px;} 50%{bottom:4px;} 75%{bottom:6px;} 100%{bottom:8px;}} 
-moz-@keyframes mouse{0%{bottom:8px;} 25%{ bottom:6px;} 50%{bottom:4px;} 75%{bottom:6px;} 100%{bottom:8px;}} 
-ms-@keyframes mouse{0%{bottom:8px;} 25%{ bottom:6px;} 50%{bottom:4px;} 75%{bottom:6px;} 100%{bottom:8px;}} 

/* ban_1 */

@keyframes ban_1{0%{opacity:0; left:10%;} 50%{opacity:1; left:27%;} 100%{opacity:1; left:27%;}}
-o-@keyframes ban_1{0%{opacity:0; left:10%;} 50%{opacity:1; left:27%;} 100%{opacity:1; left:27%;}}
-webkit-@keyframes ban_1{0%{opacity:0; left:10%;} 50%{opacity:1; left:27%;} 100%{opacity:1; left:27%;}}
-moz-@keyframes ban_1{0%{opacity:0; left:10%;} 50%{opacity:1; left:27%;} 100%{opacity:1; left:27%;}}
-ms-@keyframes ban_1{0%{opacity:0; left:10%;} 50%{opacity:1; left:27%;} 100%{opacity:1; left:27%;}}

@keyframes ban_1_1{0%{opacity:0; left:60%;} 50%{opacity:1; left:37%;} 100%{opacity:1; left:37%;}}
-o-@keyframes ban_1_1{0%{opacity:0; left:60%;} 50%{opacity:1; left:37%;} 100%{opacity:1; left:37%;}}
-webkit-@keyframes ban_1_1{0%{opacity:0; left:60%;} 50%{opacity:1; left:37%;} 100%{opacity:1; left:37%;}}
-moz-@keyframes ban_1_1{0%{opacity:0; left:60%;} 50%{opacity:1; left:37%;} 100%{opacity:1; left:37%;}}
-ms-@keyframes ban_1_1{0%{opacity:0; left:60%;} 50%{opacity:1; left:37%;} 100%{opacity:1; left:37%;}}

/* ban_2 */
@keyframes ban_2{
    0%{
        opacity: 1;
    }
     100%{
        opacity:0;
        -webkit-transform: scale(2);
           -moz-transform: scale(2);
            -ms-transform: scale(2);
             -o-transform: scale(2);
                transform: scale(2);
    }

}
-o-@keyframes ban_2{
     0%{
        opacity: 1;
    }
     100%{
        opacity:0;
        -webkit-transform: scale(2);
           -moz-transform: scale(2);
            -ms-transform: scale(2);
             -o-transform: scale(2);
                transform: scale(2);
    }

}
-webkit-@keyframes ban_2{
     0%{
        opacity: 1;
    }
    100%{
        opacity:0;
        -webkit-transform: scale(2);
           -moz-transform: scale(2);
            -ms-transform: scale(2);
             -o-transform: scale(2);
                transform: scale(2);
    }
}
-moz-@keyframes ban_2{
     0%{
        opacity: 1;
    }
     100%{
        opacity:0;
        -webkit-transform: scale(2);
           -moz-transform: scale(2);
            -ms-transform: scale(2);
             -o-transform: scale(2);
                transform: scale(2);
    }

}
-ms-@keyframes ban_2{
     0%{
        opacity: 1;
    }
     100%{
        opacity:0;
        -webkit-transform: scale(2);
           -moz-transform: scale(2);
            -ms-transform: scale(2);
             -o-transform: scale(2);
                transform: scale(2);
    }

}
/* ban_3 */

@keyframes ban_3{
    0%{
        opacity:0;
        -webkit-transform: scale(3);
           -moz-transform: scale(3);
            -ms-transform: scale(3);
             -o-transform: scale(3);
                transform: scale(3);
    }
    100%{
        opacity:1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}
-o-@keyframes ban_3{
    0%{
        opacity:0;
        -webkit-transform: scale(3);
           -moz-transform: scale(3);
            -ms-transform: scale(3);
             -o-transform: scale(3);
                transform: scale(3);
    }
    100%{
        opacity:1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

-webkit-@keyframes ban_3{
        0%{
        opacity:0;
        -webkit-transform: scale(3);
           -moz-transform: scale(3);
            -ms-transform: scale(3);
             -o-transform: scale(3);
                transform: scale(3);
    }
    100%{
        opacity:1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

-moz-@keyframes ban_3{
        0%{
        opacity:0;
        -webkit-transform: scale(3);
           -moz-transform: scale(3);
            -ms-transform: scale(3);
             -o-transform: scale(3);
                transform: scale(3);
    }
    100%{
        opacity:1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

-ms-@keyframes ban_3{
       0%{
        opacity:0;
        -webkit-transform: scale(3);
           -moz-transform: scale(3);
            -ms-transform: scale(3);
             -o-transform: scale(3);
                transform: scale(3);
    }
    100%{
        opacity:1;
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
} 
@keyframes ban_4{
    
}

/*第一屏CSS动画结束*/

/*第二屏样式开始*/
.section2 .section2_soluction{ width:80%; min-width:1100px; margin:5% auto 0;}

.section2_dh{
	-o-animation:soluction_top 1s infinite;
	-webkit-animation:soluction_top 1s infinite;
	-moz-animation:soluction_top 1s infinite;
    animation:soluction_top 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);	
	}
.section2_soluction_top{ text-align:center; margin:-150px auto 0; width:100%;}
.section2_soluction_top img{ width:23%; margin-top:10%; height:auto; }
.section2_soluction_nav{width:100%; float:left; margin:0px auto; overflow:hidden; display:block; }
.section2_soluction_m{ float:left;} 
.section2_soluction_nav_m{
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	behavior:url(css/ie-css3.html);
}
.section2_soluction_nav_m a:hover {
    text-decoration: none;
}
.section2_soluction_nav_m img {
		margin:30px;
		text-align:center;
}
.section2_soluction_nav_m .circle {
    position: relative;
    width: 80%;
    height: 80%;
}
.section2_soluction_nav_m a{ width:100%; height:100%; display:block;}
.section2_soluction_nav_m.circle .img {
    position: relative;
}
.section2_soluction_nav_m.circle .img img{ width:60%; height:auto;}
.section2_soluction_nav_m.circle .info img{ width:60%; height:auto; }
.section2_soluction_nav_m.circle .text_b img{ width:80%; height:auto;}
.section2_soluction_nav_m.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	behavior:url(css/ie-css3.html);
}
.section2_soluction_nav_m.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.section2_soluction_nav_m.circle.effect6 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	behavior:url(css/ie-css3.html);
}
.section2_soluction_nav_m.circle.effect6 .info {
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	behavior:url(css/ie-css3.html);
}
.section2_soluction_nav_m.circle.effect6.scale_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
	behavior:url(css/ie-css3.html);
}
.section2_soluction_nav_m.circle.effect6.scale_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
	behavior:url(css/ie-css3.html);
}
.section2_soluction_nav_m.circle.effect6.scale_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	behavior:url(css/ie-css3.html);
}
.section2_soluction_m{margin:2% 7.5%; width:23%; height:100%; text-align:center; float:left;}

/*第二屏样式结束*/

/*第二屏动画效果 结束*/

soluction_top->
@keyframes soluction_top{
	0%{
	    opacity: 0;
		-o-transform: scale(5) ;
		-webkit-transform: scale(5);
		-moz-transform:scale(5);
		transform: scale(5);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
@-o-keyframes soluction_top{
	0%{
	    opacity: 0;
		-o-transform: scale(5) ;
		-webkit-transform: scale(5);
		-moz-transform:scale(5);
		transform: scale(5);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
@-webkit-keyframes soluction_top{
	0%{
	    opacity: 0;
		-o-transform: scale(5) ;
		-webkit-transform: scale(5);
		-moz-transform:scale(5);
		transform: scale(5);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
@-moz-keyframes soluction_top{
	0%{
	    opacity: 0;
		-o-transform: scale(5) ;
		-webkit-transform: scale(5);
		-moz-transform:scale(5);
		transform: scale(5);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
/*第二屏动画效果 结束*/




/* 第三屏图片效果+CSS样式 开始*/
.section3_top { width:100%; min-width:1100px; margin:0 auto; position:relative;}
.section3_top img{
	margin-top:30px;
	width: 22%;
	min-width:260px;
	height: auto;
}
.section3_foot{
	margin: 30px auto;
	width: 40%;
	height: 10%;
	float:left;

}
.section3_foot img{ width:100%; height:auto;}
.bs-example {
	width: 80%;
	margin:0px auto;
	position: relative;
}
 .col-sm-6 {
	float: left;
	width: 19%;
	height: 100%;
	position: relative;
	min-height: 1px;
    margin-right:4%;

    }
.row_right_dh{
	-o-animation:row_right 3s infinite;
    -webkit-animation:row_right 3s infinite;
	-moz-animation:row_right 3s infinite;
	animation:row_right 3s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);	
	}
.row_right{
	width:100%;
	min-width:1100px;
	height:19%;
    margin-bottom:1%;
	margin-left:5%;
	display:block;
	 
}
.row_left_dh{ -o-animation:row_left 3s infinite;
    -webkit-animation:row_left 3s infinite;
	-moz-animation:row_left 3s infinite;
	animation:row_left 3s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);
	}
.row_left {
	width:100%;
	min-width:1100px;
	height:100%;
	margin-left:5%;
    margin-bottom:1%;
	display:block;
}
.ih-item.square {
    position: relative;
    width: 100%;
    height: 100%;
}
.ih-item.square img{ width:100%;height: 153px;}
.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width:100%;
	heiht:100%;
}


/*effect13*/

.ih-item.square.effect13 {
    overflow: hidden;
}

.ih-item.square.effect13.colored .info {
    background: #1a4a72;
    filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
}

.ih-item.square.effect13.colored .info h3 {
    background: rgba(12, 34, 52, 0.6);
}

.ih-item.square.effect13 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	behavior:url(css/ie-css3.html);

}

.ih-item.square.effect13 .info {
    background: #333333;
    background: rgba(0, 0, 0, 0.6);
	filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
	behavior:url(css/ie-css3.html);

		}

.ih-item.square.effect13 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    background: #111111;
    margin: 30px 0 0 0;
}

.ih-item.square.effect13 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 20px 20px 20px;
    text-align: center;
}

.ih-item.square.effect13 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	overflow:hidden;
	height:100%;
	width:100%;
}

.ih-item.square.effect13 a:hover .info {
    visibility: visible;
    opacity: 1;

}

.ih-item.square.effect13.left_to_right .info {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
	behavior:url(css/ie-css3.html);
	
}

.ih-item.square.effect13.left_to_right a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	behavior:url(css/ie-css3.html);
}

.ih-item.square.effect13.right_to_left .info {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
	behavior:url(css/ie-css3.html);
}

.ih-item.square.effect13.right_to_left a:hover .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	behavior:url(css/ie-css3.html);
}

.ih-item.square.effect13.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
	behavior:url(css/ie-css3.html);
}

.ih-item.square.effect13.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	behavior:url(css/ie-css3.html);
}

.ih-item.square.effect13.bottom_to_top .info {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
	behavior:url(css/ie-css3.html);
}

.ih-item.square.effect13.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
	behavior:url(css/ie-css3.html);
	}
	/* 第三屏图片效果+CSS样式 结束*/
	
	/*第三屏 左右滑动效果 开始*/
/*row_right*/
@keyframes row_right{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-400px);
	    -webkit-transform:translateX(-400px);
		-moz-transform:translateX(-400px);
		transform:translateX(-400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-o-keyframes row_right{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-400px);
	    -webkit-transform:translateX(-400px);
		-moz-transform:translateX(-400px);
		transform:translateX(-400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes row_right{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-400px);
	    -webkit-transform:translateX(-400px);
		-moz-transform:translateX(-400px);
		transform:translateX(-400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes row_right{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-400px);
	    -webkit-transform:translateX(-400px);
		-moz-transform:translateX(-400px);
		transform:translateX(-400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
row_left
@keyframes row_left{
0%{
		opacity: 0 ;
	    -o-transform:translateX(400px);
	    -webkit-transform:translateX(400px);
		-moz-transform:translateX(400px);
		transform:translateX(400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-o-keyframes row_left{
0%{
		opacity: 0 ;
	    -o-transform:translateX(400px);
	    -webkit-transform:translateX(400px);
		-moz-transform:translateX(400px);
		transform:translateX(400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes row_left{
0%{
		opacity: 0 ;
	    -o-transform:translateX(400px);
	    -webkit-transform:translateX(400px);
		-moz-transform:translateX(400px);
		transform:translateX(400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes row_left{
0%{
		opacity: 0 ;
	    -o-transform:translateX(400px);
	    -webkit-transform:translateX(400px);
		-moz-transform:translateX(400px);
		transform:translateX(400px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}	

/*第三屏 左右滑动效果 结束*/


/*第四屏样式 开始*/


.soluction{ width:80%; min-width:1100px; margin:8% auto 0; height:65%;}

.soluction_left{ width:36%; height:100%;float:left;display:block; margin-left:2%; margin-right:2%; position:relative; }
.soluction_left_line_dh{ -o-animation:left_line 1s infinite;
    -webkit-animation:left_line 1s infinite;
	-moz-animation:left_line 1s infinite;
	animation:left_line 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_left_line{ background-color:#000; height:3px;}



.soluction_left_nav{ height:100%; width:100%;  margin:4% 0 0 2%; position:absolute; display:block;}
.soluction_left_nav1_dh{-o-animation:left_nav1 1s infinite;
	-webkit-animation:left_nav1 1s infinite;
	-moz-animation:left_nav1 1s infinite;
    animation:left_nav1 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_left_nav1{ z-index:10; width:15%; height:auto; position:absolute;top:0px; left:0px;}
.soluction_left_nav2_dh{-o-animation:left_nav2 1s linear infinite;
	-webkit-animation:left_nav2 1s linear infinite;
	-moz-animation:left_nav2 1s linear infinite;
    animation:left_nav2 1s linear infinite ;

    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_left_nav2{ z-index:11; width:80%; height:auto; position:absolute;top:0px; left:8%;}
.soluction_left_nav3_dh{-o-animation:left_nav3 1s linear infinite;
	-webkit-animation:left_nav3 1s linear infinite;
	-moz-animation:left_nav3 1s linear infinite;
    animation:left_nav3 1s linear infinite ;

    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_left_nav3{ z-index:12; width:30%; height:auto; position:absolute;top:30%; left:70%;}
.soluction_{ z-index:11; position:absolute;top:173px; left:365px;
    -o-animation: 2s linear infinite;
	-webkit-animation: 2s linear infinite;
	-moz-animation: 2s linear infinite;
    animation: 2s linear infinite; 

    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);
}


.soluction_left_text_dh{-o-animation:soluction_left_text 1s infinite;
    -webkit-animation:soluction_left_text 1s infinite;
	-moz-animation:soluction_left_text 1s infinite;
	animation:soluction_left_text 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_left_text{widtg:80%; height:auto; margin-top:80%;}


.soluction_middle{ width:325px; float:left; margin:0px 4%;}
.soluction_middle_line_dh{-o-animation:middle_line 1s infinite;
    -webkit-animation:middle_line 1s infinite;
	-moz-animation:middle_line 1s infinite;
	animation:middle_line 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_middle_line{ border-top:1px solid #000; height:3px;}
.soluction_middle_text_dh{  -o-animation:middle_text 1.5s infinite;
    -webkit-animation:middle_text 1.5s infinite;
	-moz-animation:middle_text 1.5s infinite;
	animation:middle_text 1.5s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_middle_text{ font:16px/30px "微软雅黑", "宋体", "黑体", "楷体"; color:#000; }
 .soluction_middle_text h2{ font-size:24px; margin-top:10px;}
 .soluction_middle_text h3{ font:600 20px/35px "微软雅黑", "宋体", "黑体", "楷体"; margin-bottom:5px; }
.soluction_middle_text p { width:100%; margin-bottom:2%; }


.soluction_right{ width:20%; float:left; margin-left:2%; height:18%;}
.soluction_right_line_dh{  -o-animation:right_line 1s infinite;
    -webkit-animation:right_line 1s infinite;
	-moz-animation:right_line 1s infinite;
	animation:right_line 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_right_line{ border-top:1px solid #000; height:3px;}
.soluction_right_line1{ -o-animation:right_line1 1s infinite;
    -webkit-animation:right_line1 1s infinite;
	-moz-animation:right_line1 1s infinite;
	animation:right_line1 1s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_right_line1{ border-bottom:1px solid #000; height:3px; padding-top:200px;}

.soluction_right_nav{ height:90px; width:240px;  margin-top:46px; position: absolute; display:block;}
.soluction_right_nav1{
	z-index: 10;
	position: absolute;
	top: 28px;
	left: 0px;
}
.soluction_right_nav2{
	z-index: 11;
	position: absolute;
	top: 0px;
	left: 52px;
}
.soluction_right_nav3{
	z-index: 12;
	position: absolute;
	top: -15px;
	left: 131px;
	width: 96px;
	height: 80px;
	margin-top: 10px;
}
.soluction_right_nav3_img_dh{ -o-animation:right_nav3_img 2s infinite;
    -webkit-animation:right_nav3_img 2s infinite;
	-moz-animation:right_nav3_img 2s infinite;
	animation:right_nav3_img 2s infinite;
    -o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;
	behavior:url(css/ie-css3.html);}
.soluction_right_nav3_img{ text-align:center; width:96px; height:21px; margin-bottom:15px;}
.soluction_right_nav3_img1{ text-align:center; width:96px; height:23px;}

/*第四屏样式结束*/

/*第四屏动画效果 开始*/
left_line
@-o-keyframes left_line{
	0%{
		opacity: 0 ;
	    -o-transform:translateX(-900px);
	    -webkit-transform:translateX(-900px);
		-moz-transform:translateX(-900px);
		transform:translateX(-900px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes left_line{
	0%{
		opacity: 0 ;
	    -o-transform:translateX(-900px);
	    -webkit-transform:translateX(-900px);
		-moz-transform:translateX(-900px);
		transform:translateX(-900px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes left_line{
	0%{
		opacity: 0 ;
	    -o-transform:translateX(-900px);
	    -webkit-transform:translateX(-900px);
		-moz-transform:translateX(-900px);
		transform:translateX(-900px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@keyframes left_line{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-900px);
	    -webkit-transform:translateX(-900px);
		-moz-transform:translateX(-900px);
		transform:translateX(-900px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}

middle_line

@-o-keyframes middle_line{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes middle_line{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes middle_line{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@keyframes middle_line{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
right_line

@-o-keyframes right_line{
0%{
		opacity: 0 ;
	    -o-transform:translateY(200px);
		-webkit-transform:translateY(200px);
		-moz-transform:translateY(200px);
		transform:translateY(200px);
	}

	
	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes right_line{
0%{
		opacity: 0 ;
	    -o-transform:translateY(200px);
		-webkit-transform:translateY(200px);
		-moz-transform:translateY(200px);
		transform:translateY(200px);
	}
	

	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes right_line{
0%{
		opacity: 0 ;
	    -o-transform:translateY(200px);
		-webkit-transform:translateY(200px);
		-moz-transform:translateY(200px);
		transform:translateY(200px);
	}
	

	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@keyframes right_line{
0%{
		opacity: 0 ;
	    -o-transform:translateY(200px);
		-webkit-transform:translateY(200px);
		-moz-transform:translateY(200px);
		transform:translateY(200px);
	}


	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
right_line1

@-o-keyframes right_line1{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}



	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes right_line1{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}



	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes right_line1{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}



	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@keyframes right_line1{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}



	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
left_nav3

@-o-keyframes left_nav3{
0%{
		opacity: 0 ;
	    -o-transform:translateX(200px);
		-webkit-transform:translateX(200px );
		-moz-transform: translateX(200px);
		transform:translateX(200px);
	}

	
	100%{opacity: 1;
	    -o-transform:translateX(0px);
		-webkit-transform:translateX(0px);
		-moz-transform:translateX(0px);
		transform:translateX(0px);
	
	}
}

@-webkit-keyframes left_nav3{
0%{
		opacity: 0 ;
	    -o-transform:translateX(200px);
		-webkit-transform:translateX(200px );
		-moz-transform: translateX(200px);
		transform:translateX(200px);
	}

	
	100%{opacity: 1;
	    -o-transform:translateX(0px);
		-webkit-transform:translateX(0px);
		-moz-transform:translateX(0px);
		transform:translateX(0px);
	
	}
}
@-webkit-keyframes left_nav3{
0%{
		opacity: 0 ;
	    -o-transform:translateX(200px);
		-webkit-transform:translateX(200px );
		-moz-transform: translateX(200px);
		transform:translateX(200px);
	}

	
	100%{opacity: 1;
	    -o-transform:translateX(0px);
		-webkit-transform:translateX(0px);
		-moz-transform:translateX(0px);
		transform:translateX(0px);
	
	}
}
@-moz-keyframes left_nav3{
0%{
		opacity: 0 ;
	    -o-transform:translateX(200px);
		-webkit-transform:translateX(200px );
		-moz-transform: translateX(200px);
		transform:translateX(200px);
	}

	
	100%{opacity: 1;
	    -o-transform:translateX(0px);
		-webkit-transform:translateX(0px);
		-moz-transform:translateX(0px);
		transform:translateX(0px);
	
	}

}
left_nav2
@-o-keyframes left_nav2{
0%{
		opacity: 1;
		-o-transform:scale(0.2);
		-webkit-transform:scale(0.2);
		-moz-transform:scale(0.2);
		transform:scale(0.2);

	}

	100%{opacity: 1;
			-o-transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}

@-webkit-keyframes left_nav2{
0%{
		opacity: 1;
		-o-transform:scale(0.2);
		-webkit-transform:scale(0.2);
		-moz-transform:scale(0.2);
		transform:scale(0.2);

	}

	100%{opacity: 1;
			-o-transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes left_nav2{
0%{
		opacity: 1;
		-o-transform:scale(0.2);
		-webkit-transform:scale(0.2);
		-moz-transform:scale(0.2);
		transform:scale(0.2);

	}

	100%{opacity: 1;
			-o-transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
@-moz-keyframes left_nav2{
0%{
		opacity: 1;
		-o-transform:scale(0.2);
		-webkit-transform:scale(0.2);
		-moz-transform:scale(0.2);
		transform:scale(0.2);

	}

	100%{opacity: 1;
		-o-transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}
}
left_nav1->
@keyframes left_nav1{
	0%{
	    opacity: 0;
		-o-transform: scale(10) ;
		-webkit-transform: scale(10);
		-moz-transform:scale(10);
		transform: scale(10);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
@-o-keyframes left_nav1{
		0%{
	    opacity: 0;
		-o-transform: scale(10) ;
		-webkit-transform: scale(10);
		-moz-transform:scale(10);
		transform: scale(10);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
@-webkit-keyframes left_nav1{
0%{
	    opacity: 0;
		-o-transform: scale(10) ;
		-webkit-transform: scale(10);
		-moz-transform:scale(10);
		transform: scale(10);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
@-moz-keyframes left_nav1{
	0%{
	    opacity: 0;
		-o-transform: scale(10) ;
		-webkit-transform: scale(10);
		-moz-transform:scale(10);
		transform: scale(10);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
	100%{
		opacity: 1;
		-o-transform: scale(1) ;
		-webkit-transform: scale(1);
		-moz-transform:scale(1);
		transform: scale(1);
	    -o-animation-timing-function: ease-in;
	    -moz-animation-timing-function: ease-in;
	    -webkit-animation-timing-function: ease-in;
	    animation-timing-function: ease-in;
		
	}
}
middle_text
@-o-keyframes middle_text{
0%{
		opacity: 0 ;
	    -o-transform:translateY(300px);
	    -webkit-transform:translateY(300px);
		-moz-transform:translateY(300px);
		transform:translateY(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes middle_text{
0%{
		opacity: 0 ;
	    -o-transform:translateY(300px);
	    -webkit-transform:translateY(300px);
		-moz-transform:translateY(300px);
		transform:translateY(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes middle_text{
0%{
		opacity: 0 ;
	    -o-transform:translateY(300px);
	    -webkit-transform:translateY(300px);
		-moz-transform:translateY(300px);
		transform:translateY(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@keyframes middle_text{
0%{
		opacity: 0 ;
	    -o-transform:translateY(300px);
	    -webkit-transform:translateY(300px);
		-moz-transform:translateY(300px);
		transform:translateY(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
soluction_right_nav3_img
@-o-keyframes right_nav3_img{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}
	75%{
		opacity: 1 ;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	80%{
		opacity: 1 ;
	    -o-transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
	85%{
		opacity: 1;
	    -o-transform:translateY(-10px);
		-webkit-transform:translateY(-10px);
		-moz-transform:translateY(-10px);
		transform:translateY(-10px);
	}
		88%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	90%{opacity: 1;
	    -o-transform:rotate(-3deg);
		-webkit-transform:rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform:rotate(-3deg);
	}	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-webkit-keyframes right_nav3_img{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}
	75%{
		opacity: 1 ;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	80%{
		opacity: 1 ;
	    -o-transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
	85%{
		opacity: 1;
	    -o-transform:translateY(-10px);
		-webkit-transform:translateY(-10px);
		-moz-transform:translateY(-10px);
		transform:translateY(-10px);
	}
		88%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	90%{opacity: 1;
	    -o-transform:rotate(-3deg);
		-webkit-transform:rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform:rotate(-3deg);
	
	}	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-moz-keyframes right_nav3_img{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}
	75%{
		opacity: 1 ;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	80%{
		opacity: 1 ;
	    -o-transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
	85%{
		opacity: 1;
	    -o-transform:translateY(-10px);
		-webkit-transform:translateY(-10px);
		-moz-transform:translateY(-10px);
		transform:translateY(-10px);
	}
		88%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	90%{opacity: 1;
	    -o-transform:rotate(-3deg);
		-webkit-transform:rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform:rotate(-3deg);
	
	}	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@keyframes right_nav3_img{
0%{
		opacity: 0 ;
	    -o-transform:translateY(-200px);
		-webkit-transform:translateY(-200px);
		-moz-transform:translateY(-200px);
		transform:translateY(-200px);
	}

	75%{
		opacity: 1 ;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	80%{
		opacity: 1 ;
	    -o-transform:translateY(-20px);
		-webkit-transform:translateY(-20px);
		-moz-transform:translateY(-20px);
		transform:translateY(-20px);
	}
	85%{
		opacity: 1;
	    -o-transform:translateY(-10px);
		-webkit-transform:translateY(-10px);
		-moz-transform:translateY(-10px);
		transform:translateY(-10px);
	}
	88%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
	90%{opacity: 1;
	    -o-transform:rotate(-3deg);
		-webkit-transform:rotate(-3deg);
		-moz-transform: rotate(-3deg);
		transform:rotate(-3deg);	
	}	
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}

soluction_left_text
@-o-keyframes soluction_left_text{
	0%{
		opacity: 0 ;
	    -o-transform:translateX(-200px);
	    -webkit-transform:translateX(-200px);
		-moz-transform:translateX(-200px);
		transform:translateX(-200px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
@-moz-keyframes soluction_left_text{
	0%{
		opacity: 0 ;
	    -o-transform:translateX(-200px);
	    -webkit-transform:translateX(-200px);
		-moz-transform:translateX(-200px);
		transform:translateX(-200px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-webkit-keyframes soluction_left_text{
	0%{
		opacity: 0 ;
	    -o-transform:translateX(-200px);
	    -webkit-transform:translateX(-200px);
		-moz-transform:translateX(-200px);
		transform:translateX(-200px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes soluction_left_text{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-200px);
	    -webkit-transform:translateX(-200px);
		-moz-transform:translateX(-200px);
		transform:translateX(-200px);
	}

	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	
	}
}
/*第四屏动画效果 结束*/


	
/*第五屏CSS样式 开始*/
.section5{  padding:0px; height:100%; border:0px; width:100%; min-width:1180px;}
.section5_contact{  width:70%; height:100%; margin:auto; }
.section5_contact .section5_contact1{  width:100%; height:21%; margin-top:10%; margin-bottom:1%; font-size:22px;}
.section5_contact1 dl,.section5_contact_time dl{ float:left; }
.section5_contact div{ margin-top:1%; margin-bottom:1%;}

.section5_contact_text_dh{
		 -webkit-animation: section5_contact_text 1s linear infinite 0s;
    -moz-animation: section5_contact_text 1s linear infinite 0s;
    -o-animation: section5_contact_text 1s linear infinite 0s;
    -ms-animation: section5_contact_text 1s linear infinite 0s;
    animation: section5_contact_text 1s linear infinite 0s;
	-o-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
    animation-iteration-count:1;	
	}
.section5_contact_text{  width:30%; margin-right:4%; border:0px; padding-top:1%; overflow:hidden;}
.section5_contact_text img{ width:100%; height: auto;}
.section5_contact_we_dh{
		 -webkit-animation: section5_contact_we 1s linear infinite 0s;
		-moz-animation: section5_contact_we 1s linear infinite 0s;
		-o-animation: section5_contact_we 1s linear infinite 0s;
		-ms-animation: section5_contact_we 1s linear infinite 0s;
		animation: section5_contact_we 1s linear infinite 0s;
		-o-animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
		-moz-animation-iteration-count:1;
		animation-iteration-count:1;	
	}
.section5_contact_we{ width:12%; height:100%; margin:0px; border:0px; padding:0px; }
.section5_contact_we img{ width:100%; height:auto;}
.section5_contact_time{ width:100%;height:20%;overflow:hidden;   }
.section5_time{  width:12%; height:100%;margin-right:8%;}
.section5_time_t{ position:relative; width:65px; height:65px; background:url(../images/icon36.png) center no-repeat; }
.section5_time dd.section5_time_t{ height:66px;  margin:0px; border:0px; padding:0px;}
.section5_time_t .section5_time_s{  position: absolute;  z-index:20; top:50%; left:50%; margin-top:-23px; margin-left:-3px;
 -webkit-transform-	: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
 -webkit-animation: section5_time_s 6s linear infinite 0s;
    -moz-animation: section5_time_s 6s linear infinite 0s;
    -o-animation: section5_time_s 6s linear infinite 0s;
    -ms-animation: section5_time_s 6s linear infinite 0s;
    animation: section5_time_s 6s linear infinite 0s;
}
.section5_time_t .section5_time_cir{ position:absolute; top:50%; left:50%; margin-left:-5px; margin-top:-4px;}
.section5_time_t .section5_time_s1{ position:absolute;  z-index:21; top:50%; left:50%; margin-left:-1px; margin-top:-1px;
-webkit-transform-origin: left;
    -moz-transform-origin:left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
 -webkit-animation: section5_time_s 360s linear infinite 0s;
    -moz-animation: section5_time_s 360s linear infinite 0s;
    -o-animation: section5_time_s 360s linear infinite 0s;
    -ms-animation: section5_time_s 360s linear infinite 0s;
    animation: section5_time_s 360s linear infinite 0s;

	  
	}


.section5_tle{ width:42%; height:50%; padding-top:2%;}
.section5_tle img{ width:100%; height:auto;}
.section5_time dd.time_c{ width: 60%; height:12%; margin:8% 0; margin-bottom:0;}
.section5_time dd.time_c img,.section5_time dd.time_b img{ display:block; width:100%; height:auto;}
.section5_time dd.time_b{ width:100%; height:18%;} 

div.section5_contact_qq{ width:15%; height:8%; margin:0;}
div.section5_contact_qq img{widht:100%; height:auto;}
div.section5_contact_footer{ width:100%; height:170px; overflow:hidden; margin-top:2%;}
.section5_contact_footer dl{ width:255px; float:left; margin-right:2%; font-family:"微软雅黑", "黑体", "宋体"; font-size:12px; }
.section5_contact_footer dl dd{padding:3% 0;}


/*第五屏CSS样式 结束*/

/*第五屏动画 开始*/

/*section5_contact_text*/
@-o-keyframes section5_contact_text{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-300px);
	    -webkit-transform:translateX(-300px);
		-moz-transform:translateX(-300px);
		transform:translateX(-300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-webkit-keyframes section5_contact_text{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-300px);
	    -webkit-transform:translateX(-300px);
		-moz-transform:translateX(-300px);
		transform:translateX(-300px) ;
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-moz-keyframes section5_contact_text{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-300px);
	    -webkit-transform:translateX(-300px);
		-moz-transform:translateX(-300px);
		transform:translateX(-300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes section5_contact_text{
0%{
		opacity: 0 ;
	    -o-transform:translateX(-300px);
	    -webkit-transform:translateX(-300px);
		-moz-transform:translateX(-300px);
		transform:translateX(-300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}

/*section5_contact_we*/
@-o-keyframes section5_contact_we{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-webkit-keyframes section5_contact_we{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-moz-keyframes section5_contact_we{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes section5_contact_we{
0%{
		opacity: 0 ;
	    -o-transform:translateX(300px);
	    -webkit-transform:translateX(300px);
		-moz-transform:translateX(300px);
		transform:translateX(300px);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}

/*section5_time_s*/

@-o-keyframes section5_time_s{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-webkit-keyframes section5_time_s{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-moz-keyframes section5_time_s{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes section5_time_s{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
/*section5_time_s1*/

@-o-keyframes section5_time_s1{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-webkit-keyframes section5_time_s1{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@-moz-keyframes section5_time_s1{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}
@keyframes section5_time_s1{
0%{
		opacity: 1 ;
	    -o-transform: rotate(-360deg);
	    -webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	100%{opacity: 1;
	    -o-transform:none;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}
}

/*第五屏动画 结束*/
